{% block sw_order_delivery_metadata %}
<mt-card
    class="sw-order-delivery-metadata"
    position-identifier="sw-order-delivery-metadata"
    :title="title"
    :is-loading="isLoading"
>
    {% block sw_order_delivery_metadata_deliveries %}
    <sw-container
        columns="repeat(auto-fit, minmax(250px, 1fr))"
        gap="0 30px"
    >
        {% block sw_order_delivery_metadata_deliveries_data %}
        <sw-description-list>
            {% block sw_order_delivery_metadata_shipping_method %}
            <dt>{{ $tc('sw-order.detailDeliveries.labelShippingMethod') }}</dt>
            <dd>{{ delivery.shippingMethod.translated.name }}</dd>
            {% endblock %}

            {% block sw_order_delivery_metadata_delivery_date %}
            <dt>{{ $tc('sw-order.detailDeliveries.labelDeliveryDate') }}</dt>
            <dd>{{ dateFilter(delivery.shippingDateEarliest) }}</dd>
            {% endblock %}

            {% block sw_order_delivery_metadata_shipping_costs %}
            <dt>{{ $tc('sw-order.detailDeliveries.labelShippingCosts') }}</dt>
            <dd>{{ currencyFilter(order.shippingTotal, order.currency.isoCode) }}</dd>
            {% endblock %}

            {% block sw_order_delivery_metadata_slot %}
            {% endblock %}

        </sw-description-list>
        {% endblock %}
        {% block sw_order_delivery_metadata_shipping_address %}
        <sw-description-list>
            <sw-address
                class="sw-order-delivery-metdata__address"
                :headline="$tc('sw-order.detailBase.headlineDeliveryAddress')"
                :address="delivery.shippingOrderAddress"
                :formatting-address="formattingAddress"
            />
            {% block sw_order_delivery_metadata_delivery_phone_number %}
            <dt>{{ $tc('sw-order.detailBase.labelCustomerPhoneNumber') }}</dt>
            <dd v-if="delivery.shippingOrderAddress.phoneNumber">
                {{ delivery.shippingOrderAddress.phoneNumber }}
            </dd>
            <dd v-else>
                {{ $tc('sw-order.detailBase.labelNoPhoneNumber') }}
            </dd>
            {% endblock %}
        </sw-description-list>
        {% endblock %}
    </sw-container>
    {% endblock %}
</mt-card>
{% endblock %}
